body {
  margin: 0;
  background-color: #f5f5f5;
}

/* fade-slide */
.fade-slide-leave-active,
.fade-slide-enter-active {
  transition: all 0.3s;
}

.fade-slide-enter-from {
  transform: translateX(-30px);
  opacity: 0;
}

.fade-slide-leave-to {
  transform: translateX(30px);
  opacity: 0;
}
/* 暗黑模式变量 */
html.dark {
  --el-bg-color: #141414;
  --el-color-primary: #409eff;
  --el-text-color-primary: #E5EAF3;
  /* 其他 Element 变量... */
}

html.dark .el-menu {
  --el-menu-bg-color: #0d0d0d;
  --el-menu-text-color: #fff;
  --el-text-color-primary: #E5EAF3;
}